// pages/gl/gl.js
import WxValidate from '../../WxValidate.js';
const app = getApp()
const api = app.globalData.api
var params = ""
Page({

  /**
   * 页面的初始数据
   */
  data: {
    ren_array: ['进厂区人员所属'],
    index: 0,
  },
  //验证函数
  initValidate() {
    const rules = {
      userName: {
        required: true,
        minlength: 2
      },
      phone: {
        required: true,
        tel: true
      }

    }
    const messages = {
      userName: {
        required: '请填写姓名',
        minlength: '请输入正确的姓名格式'
      },
      phone: {
        required: '请填写手机号',
        tel: '请填写正确的手机号'
      }

    }
    this.WxValidate = new WxValidate(rules, messages)
  },
  //弹窗表单字段 
  showModal(error) {
    // wx.showModal({
    //   content: error.msg,
    //   showCancel: false,
    // })

    wx.showToast({
      title: error.msg,
      icon: 'none',
      duration: 1000
    })
  },
  //调用验证函数
  formSubmit: function(e) {
    app.getinfo();

    if (wx.getStorageSync('code') == "") {
      this.showModal({
        msg: '请先授权'
      })
      return false;
    }
    console.log(wx.getStorageSync('code'))

    console.log('form发生了submit事件，携带的数据为：', e.detail.value)
    params = e.detail.value
    // console.log(params.userName);
    
    //校验表单
    if (!this.WxValidate.checkForm(params)) {
      const error = this.WxValidate.errorList[0]
      this.showModal(error)
      return false
    }

    if (e.detail.value.rcCat == "进厂区人员所属") {
      this.showModal({
        msg: '请选择进厂区人员所属'
      })
      return false
    }
    
    
     wx.request({
       url: api + 'managerUser',
       method: "post",
       data: {
         open_id: wx.getStorageSync('code'),
         manager_name: params.userName,
         manager_phone: params.phone,
         manager_type: params.rcCat
       },
       success: res => {
         // wx.setStorageSync("token", res.data.data)
         console.log(res);
         this.showModal({
           msg: '提交成功'
         })
       },
       fail: function (err) {
         // fail
         console.log('fail');
       }
     })
    
    
  
  },
  // 车辆选择
  cat: function(e) {
    console.log(e);
    console.log('picker发送选择改变，携带值为', e.detail.value)
    this.setData({
      index: e.detail.value
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    this.initValidate();
    rules: {}
    messages: {}

    // 进厂区人员所属
    wx.request({
      url: api + "getTypeName",
      method: "POST",
      header: {
        "content-type": "json"
      },
      data: {
        id: "1"
      },
      success: res => {

        let length = res.data.data.length;
        for (var i = 0; i < length; i++) {
          this.data.ren_array.push(res.data.data[i])
        }
        this.setData({
          ren_array: this.data.ren_array
        })
        console.log(this.data.ren_array);

      },
      fail: function (err) {
        // fail
        console.log(err);
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})